/**
 * 模板文件公用模块样式
 * 包括 header, nav, banner, friend_link, footer 等模块
 * v0.0.1 17/09/23 --- by Sun
 */

@charset "utf-8";

.top_bar{background-color:#fff;}
.top_bar .wrap{margin:0 auto; width:1200px;}
.top_bar a{display:inline-block; margin:0 19px 0 0; font-size:15px; color:#fff; line-height:34px;}

.header{margin:20px auto 0; width:1200px;}
.header h1{float:left;}
.header h2{float:left;}
.header img.logo{width:84px; height:71px;}
.header img.feature{margin-left:17px; width:379px; height:69px;}
.header img.tel{float:right; width:208px; height:69px;}
.header .fr{margin:19px 0 0;}
.header .fr img{margin:0 10px 0 0; width:40px; height:40px;}
.header .fr span{display:inline-block; font-size:15px; color:#8c8c8c; line-height:1.4;}

.nav{background-color:#906423;}
.nav .wrap{margin:20px auto 0; width:1200px;}
.nav ul{float:left;}
.nav li{float:left;}
.nav li a{display:block; width:126px; height:44px; font-size:16px; color:#fff; text-align:center; line-height:44px;}
.nav li:first-child a,
.nav li a:hover{background-color:#78531e;}
.nav form{float:right; margin:9px 0 0; width:232px; height:26px; overflow:hidden; background-color:#fff;}
.nav form input{float:left; width:195px; height:26px; font-size:14px; color:#212121; text-indent:1em; line-height:26px;}
.nav form button{float:right; cursor:pointer; width:37px; height:26px; background:url(../images/nav_icon_search.png) center no-repeat;}

.banner{width:100%; height:auto; margin:0px auto; position:relative; }
.banner .banner_bn{ height:472px; width: 100%;  overflow:hidden; margin: 0 auto; position: relative;}
.banner .banner_for { height:472px; overflow: hidden; position: relative; }
.banner .banner_for li { height:472px; overflow: hidden; position: absolute; width: 100%; }
.banner .banner_for li a { display: block; height:472px; position: absolute; width: 100%; z-index:2 }
.banner .banner_for .btn { position: absolute; width: 100%; height: 30px; bottom: 10px; text-align: center; z-index: 9 }
.banner .banner_for .btn span { display: inline-block; _display: inline; _zoom: 1; width: 70px; height: 10px; _font-size: 0; margin: 5px 10px; cursor: pointer; background:rgba(255,255,255,0.5); z-index: 9;}
.banner .banner_for .btn span.on {z-index: 9;background: rgba(140,115,12,0.7);opacity: 0.5 }
.banner .banner_for .preNext { width: 45px; height: 90px; position: absolute; top: 180px;cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
.banner .banner_for .pre { left: 0; z-index: 9 ;background: url("../images/banner_bar_01.png") no-repeat left; }
.banner .banner_for .next { right: 0;z-index: 9 ;background: url("../images/banner_bar_02.png") no-repeat left; }
.banner .banner_for:hover .preNext { opacity: 0.5; }
.banner .banner_for:hover .pre { left: 10%; }
.banner .banner_for:hover .next { right: 10%; }
.banner .focus .pre:hover, .focus .next:hover { opacity: 1; }

.mid_nav{margin:20px auto 0; width:1200px; height:109px; background-color:#fff;}
.mid_nav ul{width:100%; height:100%; border:1px solid #dfdfdf; border-radius:4px;}
.mid_nav p.advan{position:relative; padding:17px 0 0; float:left; width:108px; height:107px; font-size:22px; color:#534b43; text-align:center; line-height:1.5; background-color:#dfdfdf;}
.mid_nav p.advan::after{content:''; position:absolute; top:46px; right:-26px; width:0; height:0; border-top:7px solid transparent; border-right:13px solid transparent; border-bottom:7px solid transparent; border-left:13px solid #dfdfdf;}
.mid_nav li{position:relative; float:left; width:108px; height:107px; text-align:center; border-left:1px solid #dfdfdf;}
.mid_nav li img.icon{display:block; margin:22px auto 0; width:41px; height:35px;}
.mid_nav li span.des{display:block; font-size:16px; color:#413a37; text-align:center; line-height:2;}
.mid_nav li .masking{display:none; position:absolute; top:0; left:0; z-index:3; padding:26px 0 0; width:100%; height:100%; font-size:18px; color:#fff; text-align:center; line-height:1.4; background-color:#c59d5f;}

.btm_info{margin:49px 0 0; padding:45px 0 22px; background-color:#e6e6e6;}
.btm_info .wrap{margin:0 auto; width:1200px;}
.btm_info .advan{}
.btm_info .advan .fl{width:25%; text-align:center;}
.btm_info .advan img{width:46px; height:46px;}
.btm_info .advan span{padding:0 0 0 16px; font-size:18px; color:#333; line-height:46px;}
.btm_info .friendlink{margin:29px 0 0 21px;}
.btm_info .friendlink p{font-size:14px; color:#606060; line-height:1;}
.btm_info .friendlink p span{font-weight:700;}
.btm_info .friendlink a{display:inline-block; padding:0 23px; font-size:14px; color:#606060; line-height:42px;}
.btm_info .friendlink a:hover{color:#a37128; text-decoration:underline;}
.btm_info ul{margin:25px 0 0 21px; width:948px;}
.btm_info ul a{float:left; margin:5px 10px 0 0; width:148px; height:22px; overflow:hidden; font-size:14px; color:#545454; line-height:1.4; white-space:nowrap; text-overflow:ellipsis;}
.btm_info ul a:hover{color:#a37128; text-decoration:underline;}
.btm_info ul li:nth-child(1) a,
.btm_info ul li:nth-child(2) a,
.btm_info ul li:nth-child(3) a,
.btm_info ul li:nth-child(4) a,
.btm_info ul li:nth-child(5) a,
.btm_info ul li:nth-child(6) a{
	position:relative; overflow:inherit; font-weight:700;
}
.btm_info ul li:nth-child(1) a::before,
.btm_info ul li:nth-child(2) a::before,
.btm_info ul li:nth-child(3) a::before,
.btm_info ul li:nth-child(4) a::before,
.btm_info ul li:nth-child(5) a::before,
.btm_info ul li:nth-child(6) a::before{
	content:''; position:absolute; top:-20px; left:0; width:23px; height:1px; background-color:#545454;
}
.btm_info .service{position:relative; margin:25px 23px 0 0; padding:22px 0 0; width:200px; overflow:hidden;}
.btm_info .service::before{content:""; position:absolute; top:0; left:0; width:24px; height:2px; background-color:#cacaca;}
.btm_info .service span.tel{display:block; font-size:28px; color:#2e2e2e; line-height:1;}
.btm_info .service span.des{display:block; font-size:14px; color:#999; line-height:46px;}
.btm_info .service a.consult{display:block; width:160px; height:33px; font-size:16px; color:#970100; text-align:center; line-height:33px; background-color:#fff; border-radius:3px;}
.btm_info .service a.consult img{display:inline-block; margin:8px 0 0; width:22px; height:18px;}
.btm_info .service a.tipoff{display:block; margin:14px 0 0; width:160px; height:33px; font-size:16px; color:#970100; text-align:center; line-height:33px; background-color:#fff; border-radius:3px;}
.btm_info .service a.tipoff img{display:inline-block; margin:8px 0 0; width:20px; height:18px;}

.footer{padding:25px 0; background-color:#cacaca;}
.footer .wrap{margin:0 auto; width:1200px;}
.footer p{float:left; padding:0 0 0 21px; font-size:14px; color:#5b5b5b; line-height:20px;}
.footer p a:hover{text-decoration:underline;}
.footer ul{float:right; margin:16px 23px 0 0;}
.footer li{display:inline-block; margin:0 4px 0 0;}
.footer li img{width:70px; height:24px;}